<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>登记新图书页面</title>
    <style>
      body{
        background-image:url("https://img.17sucai.com/upload/55/2013-05-18/884aa4be28287056c7b5d6d075382c51.jpg?x-oss-process=style/big");
      }
      h1
      {
        text-align:center;
      }
      div{
        text-align:center;
        width:80%;
        margin-top:10%;
        margin-left:10%;

      }
    </style>
</head>
<body>
<h1>登记新书界面</h1>
<div>
<form>
  图书图片<input id="0" type="text" name="firstname"><br>
  图书名称<input id="1" type="text" name="lastname"><br>
  图书作者<input id="2" type="text" name="lastname"><br>
  出版公司<input id="3" type="text" name="lastname"><br>
  出版日期<input id="4" type="text" name="lastname"><br>
                 (格式,如2077-07-07)<br>
  库存数量<input id="5" type="text" name="lastname"><br>
</form>
  <button onclick="add()">提交</button>
  <script type="text/javascript">
    function add(){
      var x=true;
      var date= new Date();
      //var  = document.getElementById("0").value;;
      var y = date.getFullYear();
      var m = date.getMonth()+1;
      var d = date.getDate();
      var res =y+"-"+m+"-"+d;
      var a=document.getElementById("0").value;
      var b=document.getElementById("1").value;
      var c=document.getElementById("2").value;
      var p=document.getElementById("3").value;
      var time=document.getElementById("4").value;
      var e=document.getElementById("5").value;

      if(!a||!b||!c||!p||!time||!e){
        alert("未输入完全");
        x=false;
      }
      if(time>res){
        alert("出版日期不能晚于当前日期");
        x=false;
      }
      if(e<0){
        alert("库存不能为负数");
        x=false;
      }
      if(x==true)
      {
        //进行增加书目的操作，对数据库修改
        alert("输入格式正确");
      }

    }
  </script>
</div>
</body>
</html>
